$themeBlue: #3875F6;
$directions: (
  't': 'top',
  'b': 'bottom',
  'l': 'left',
  'r': 'right'
);
$dimensions: (
  'p': 'padding',
  'm': 'margin'
);
//获取padding margin间隔
@each $dim in $dimensions {
  //循环四个方向
  @each $dir in $directions {
    @for $i from 1 through 20 {
      $size: $i * 2;
      .#{nth($dim,1)}#{nth($dir,1)}#{$size} {
        #{nth($dim,2)}-#{nth($dir,2)}: #{$size}px;
      }
    }
  }
}

.flex {
  display: flex;
  align-items: center;
}

.flex-start {
  display: flex;
}

.space-between {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.space-around {
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.space-evenly {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}

.flex-wrap {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.flex-col {
  display: flex;
  flex-direction: column;
  align-items: flex-start !important;
}

.flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

/* 单行超出隐藏 */
.ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* 两行超出隐藏 */
.ellipsis2 {
  overflow: hidden;
  white-space: normal;
  text-overflow: ellipsis;
  /* 弹性伸缩盒子模型显示 */
  display: -webkit-box;
  /* 显示的文本行数 */
  -webkit-line-clamp: 2;
  /* 子元素排列方式 */
  -webkit-box-orient: vertical;
  word-break: break-all;
}

img {
  border: 0; /*ie6*/
  vertical-align: middle;
}
/* 所有浏览器的通用样式 */
::-webkit-scrollbar {
  width: 6px; /* 宽度 */
}

::-webkit-scrollbar-thumb {
  background-color: #D3D5DB; /* 颜色 */
  border-radius: 10px; /* 圆角 */
}

::-webkit-scrollbar-track {
  background-color: none; /* 背景色 */
}

/* Firefox */
::-moz-scrollbar {
  width: 6px;
}

::-moz-scrollbar-thumb {
  background-color: #D3D5DB;
  border-radius: 10px;
}

::-moz-scrollbar-track {
  background-color: none;
}

/* IE and Edge */
::-ms-scrollbar {
  width: 6px;
}

::-ms-scrollbar-thumb {
  background-color: #D3D5DB;
  border-radius: 10px;
}

::-ms-scrollbar-track {
  background-color: none;
}
.tac {
  text-align: center;
}

.ant-btn-primary {
  background-color: $themeBlue;
}

.ant-message-notice-content {
  display: flex;
  align-items: center;
  width: max-content;
  justify-content: center;
  margin: 0 auto;
}

svg {
	outline: none;
}

.ant-input.ant-input::placeholder {
  color: #707c97;
}
.katex-html{
  display: none;
}